<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>云笔记</title>
    <!-- include libraries(jQuery, bootstrap) -->
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" />
    <script type="text/javascript"
        src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <!-- include summernote css/js-->
    <link rel="stylesheet" href="summernote/dist/summernote-bs4.css">
    <script type="text/javascript" src="summernote/dist/summernote-bs4.js"></script>  
    <style>
        .main {}

        .left {}

        .right {}
    </style>
    <script>
        $(document).ready(function () {
            $('#summernote').summernote();
        });
    </script>
</head>

<body>
    <h1 style="text-align: center">添加笔记</h1>
    <div class="main">
        <div class="top">
            <input type="text" class="form-control" id="name" placeholder="请输入标题">
        </div>
        <div class="right">
            <div id="summernote" ></div>
        </div>
    </div>
</body>


</html>